<%@ page language="java" contentType="text/html; charset=utf-8" errorPage="/404.jsp" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


<html lang="en">
<head>
    <title>管理主页</title>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <style type="text/css">
        div {
            border: 1px solid blue;
        }

        body {
            margin: 0;
            min-width: 970px;
            min-height: 630px;
            margin: 0px;
        }

        .header {
            background-color: #3c8dbc;
            padding: 0px 15px;
            font-size: 20px;
            height: 50px;
        }

        .header span {
            display: block;
            border: 1px solid blue;
            margin-top: 15px;
        }

        #span_user {
            float: right;
            width: 200px;
        }

        #span_title {
            float: left;
            font-weight: bold;
            width: 300px;
        }

        .footer {
            width: 100%;
            height: 45px;
            line-height: 50px;
            border-top: 1px solid #d2d6de;
            color: #888;
            text-align: center;
            font-size: 13px;
        }

        .main {
            width: 100%;
            height: 520px;
            /*background-color: #3399aa;*/
        }

        .menu-title {
            margin: 0px;
            padding: 0px;
            background: #aaaaaa;
        }

        #div_left {
            width: 13%;
            height: 520px;
            margin: 0px;
            float: left;
            background-color: #3399aa;
        }

        #div_right {
            width: 86%;
            margin: 0px;
            float: right;
            height: 520px;
        }

        li {
            list-style: none;
            margin: 0px;
            background-color: #00ffff;
            min-height: 35px;
            text-align: center;
            font-size: 20px;
        }

        /*鼠标悬停*/
        .menu-title:hover {
            background-color: #aa6633;
        }

        iframe {
            flex-grow: 1;
            height: 100%;
            width: 100%;
            border: none;
            background-color: #cccccc;
        }

        .li_hidden {
            display: none;
        }
    </style>

</head>
<script type="text/javascript" src="<c:url value='/js/jquery-1.6.4.min.js'/>"></script>
<script type="text/javascript">
    $(function () {
        $(".sub-menu:gt(0)").addClass("li_hidden");
        $(".menu-title").bind("click", function () {
            $(".sub-menu").addClass("li_hidden");
            $(this).next(".sub-menu").removeClass("li_hidden");
        });
    });
</script>
<body>
<div class="header">
		<span id="span_title">
			智游集团公寓信息管理系统
		</span>
    <span id="span_user">
			<a href="#"> ${sessionScope.user.wname} 用户</a>
			&nbsp; | &nbsp;
			<a href="${pageContext.servletContext.contextPath}/user/signOut.action">退出</a>
		</span>
</div>
<div class="main">
    <div id="div_left">
        <ul class="left-side">
            <li class="menu-title"><a href="#"> 公寓管理 </a></li>
            <li class="sub-menu">
                <ul>
                    <li><a href="<c:url value='/view/house/list.jsp'/>" target="pageBox"> 房屋信息 </a></li>
                    <li><a href="${pageContext.request.contextPath}/view/contract/list.jsp" target="pageBox"> 租赁合同 </a>
                    </li>
                    <li><a href="${pageContext.request.contextPath}/view/lessee/list.jsp" target="pageBox"> 租户信息 </a>
                    </li>
                    <li><a href="${pageContext.request.contextPath}/view/rect/list.jsp" target="pageBox"> 房租信息 </a></li>

                </ul>
            </li>
            <li class="menu-title"><a href="#"> 服务管理 </a></li>
            <li class="sub-menu">
                <ul>
                    <li><a target="pageBox" href="${pageContext.request.contextPath}/view/worker/list.jsp"> 后勤人员 </a>
                    </li>
                    <li><a target="pageBox" href="${pageContext.request.contextPath}/view/repairlog/list.jsp"> 修缮记录 </a>
                    </li>
                    <li><a target="pageBox" href="${pageContext.request.contextPath}/view/event/list.jsp"> 公寓活动 </a>
                    </li>

                </ul>
            </li>
            <li class="menu-title"><a href="#"> 管 理 员 </a></li>
            <li class="sub-menu">
                <ul class="menu">
                    <li><a target="pageBox" href="${pageContext.request.contextPath}/view/rose/list.jsp"> 角色管理 </a></li>
<%--                    <li><a target="pageBox" href="${pageContext.request.contextPath}/view/"> 用户管理 </a></li>--%>
                </ul>
            </li>
        </ul>
    </div>
    <div id="div_right">
        <iframe name="pageBox" src="<c:url value='/view/house/list.jsp'/>"></iframe>
    </div>
</div>
<div class="footer">智游教育 ©2018 河南智游臻龙教育科技有限公司</div>
</body>
</html>